import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "amfe-flexible";
import "./assets/css/reset.less";

import { Tabbar, TabbarItem, Tab, Tabs, NumberKeyboard } from "vant";
import { Search, Swipe, SwipeItem, List } from "vant";
import { Icon } from "vant";
import "./assets/css/var.less";
import "./assets/font/iconfont.css";

import { Grid, GridItem, Image, Lazyload, Card, PullRefresh } from "vant";
import {
  Image as VanImage,
  Empty,
  Popup,
  Cell,
  CellGroup,
  DropdownMenu,
  DropdownItem,
  Button,
} from "vant";

createApp(App)
  .use(store)
  .use(PullRefresh)
  .use(List)
  .use(Card)
  .use(Image)
  .use(Lazyload)
  .use(router)
  .use(Tabbar)
  .use(TabbarItem)
  .use(Tab)
  .use(Tabs)
  .use(NumberKeyboard)
  .use(Search)
  .use(Swipe)
  .use(SwipeItem)
  .use(List)
  .use(Icon)
  .use(Grid)
  .use(GridItem)
  .use(Lazyload, {
    lazyComponent: true,
  })
  .use(Icon)
  .use(VanImage)
  .use(Empty)
  .use(Popup)
  .use(Cell)
  .use(CellGroup)
  .use(DropdownMenu)
  .use(DropdownItem)
  .use(Button)
  .mount("#app");
